<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品类型管理</title>
    <link rel="stylesheet" type="text/css" href="/static/jquery-easyui-1.5.5.4/themes/metro/easyui.css"/>
    <link rel="stylesheet" type="text/css" href="/static/jquery-easyui-1.5.5.4/themes/icon.css"/>
    <script type="text/javascript" src="/static/jquery-easyui-1.5.5.4/jquery.min.js"></script>
    <script type="text/javascript" src="/static/jquery-easyui-1.5.5.4/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="/static/jquery-easyui-1.5.5.4/locale/easyui-lang-zh_CN.js"></script>
</head>
<script type="text/javascript">
    var url;

    //open add goods type dialog
     function openGoodsTypeAddDialog(){
        $("#goodsType").dialog("open").dialog("setTitle", "添加商品类型");
         url = "/admin/goodsmold/save";
     }

    //add goods type
    function saveGoodsType(){
        $("#goodsTypeForm").form("submit", {
            url : url,
            onSubmit:function () {
                return $(this).form("validate");
            },
            success: function (result){
                var result = eval('('+result+')');
                if(result.success){
                    $.messager.alert("系统提示", "保存成功！");
                    resetValue();
                    $("#goodsType").dialog("close");
                     $("#dg").datagrid("reload");
                }else{
                    $.messager.alert("系统提示", "保存成功");
                }
            }
        });
    }

    function resetValue() {
        $("#name").val("");
    }
    // open edit goods type dialog
    function openGoodsModifyDialog(){
       var selectdRows = $("#dg").datagrid("getSelections");
       if(selectdRows.length !=1){
            $.messager.alert("系统提示", "请选择一条要修改的数据");
            return;
       }
       var row = selectdRows[0];
       $("#goodsType").dialog("open").dialog("setTitle", "修改商品类型");
       $("#goodsTypeForm").form("load", row);
       url = "/admin/goodsmold/save?id=" + row.id
    }

    function openCustomerModifyDialog() {
            var selectedRows = $("#dg").datagrid("getSelections");
            if (selectedRows.length != 1) {
                $.messager.alert("系统提示", "请选择一条要修改的数据！");
                return;
            }
            var row = selectedRows[0];
            $("#dlg").dialog("open").dialog("setTitle", "修改客户信息");
            $("#fm").form("load", row);
            url = "/admin/customer/save?id=" + row.id;
        }

    function deleteGoodsType() {
            var selectedRows = $("#dg").datagrid("getSelections");
            if (selectedRows.length == 0) {
                $.messager.alert("系统提示", "请选择要删除的数据");
                return;
            }

            var strIds = [];
            for (var i = 0; i < selectedRows.length; i++){
                strIds.push(selectedRows[i].id);
            }

            var ids = strIds.join(",");
             $.messager.confirm("系统提示", "您确定要删除这条数据吗?", function (r) {
                if (r) {
                    $.post("/admin/goodsmold/delete", {ids: ids}, function (result) {
                        if (result.success) {
                            $.messager.alert("系统提示", "数据已成功删除！");
                            $("#dg").datagrid("reload");
                        } else {
                            $.messager.alert("系统提示", result.errorInfo);
                        }
                    }, "json");
                }
            });
        }
</script>
<body style="margin: 1px">
<table id="dg" title="商品类型管理" class="easyui-datagrid"
       fitColumns="true" pagination="true" rownumbers="true"
       url="/admin/goodsmold/list" fit="true" toolbar="#goodsTypetools">
    <thead>
        <th field="db" checkbox="true" align="center"></th>
        <th field="id" width="20" align="center">编号</th>
        <th field="name" width="100" align="center">类型名</th>
    </thead>
    <div id="goodsTypetools">
        <div>
            <a href="javascript:openGoodsTypeAddDialog()" class="easyui-linkbutton" iconCls="icon-add" plain="true">添加</a>
            <a href="javascript:openGoodsModifyDialog()" class="easyui-linkbutton" iconCls="icon-edit"
               plain="true">修改</a>
            <a href="javascript:deleteGoodsType()" class="easyui-linkbutton" iconCls="icon-remove" plain="true">删除</a>
        </div>
        <div>
            &nbsp;类型名称：&nbsp;<input type="text" id="s_name" size="20" onkeydown="if(event.keyCode==13) searchCustomer()"/>
            <a href="javascript:searchCustomer()" class="easyui-linkbutton" iconCls="icon-search" plain="true">搜索</a>
        </div>
    </div>
</table>

<div id="goodsType" class="easyui-dialog" style="width: 500px;height: 200px;padding: 20px"
     closed="true" data-options="
				iconCls: 'icon-save',
				toolbar: '#dlg-toolbar',
				buttons: '#dlg-buttons',
				modal:true,
				onClose:function(){resetValue()}">
    <form id="goodsTypeForm" method="post">
        <table cellspacing="8px">
            <tr>
                <td>商品类型：</td>
                <td>
                    <input type="text" id="name" name="name" class="easyui-validatebox" required="true"
                           style="width: 250px"/>
                </td>
            </tr>
        </table>
    </form>
</div>

<div id="dlg-buttons">
    <a href="javascript:void(0)" class="easyui-linkbutton" onclick="saveGoodsType()">保存</a>
    <a href="javascript:void(0)" class="easyui-linkbutton" onclick="javascript:$('#dlg').dialog('close')">关闭</a>
</div>

</body>
</html>